<template>
  <svg xmlns="http://www.w3.org/2000/svg" :viewBox="viewBox" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M150 150L449.832 150V450H150V150ZM419.168 180.682V419.318H180.665V180.682H419.168Z" :fill="colorComputed" />
    <path d="M698.069 326.409H665.774C661.082 355.684 641.484 372.531 614.434 372.531C578.551 372.531 555.088 344.637 555.088 300.172C555.088 256.26 577.722 227.813 612.502 227.813C640.656 227.813 659.15 244.384 664.394 274.211H696.689C690.341 230.575 655.286 202.128 611.397 202.128C558.677 202.128 522.241 245.765 522.241 300.172C522.241 356.237 559.505 398.216 612.226 398.216C656.114 398.216 691.445 370.046 698.069 326.409Z" :fill="colorComputed" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M846.258 326.409C846.258 289.125 820.588 254.602 778.632 254.602C736.676 254.602 711.006 289.125 711.006 326.409C711.006 363.693 736.676 398.216 778.632 398.216C820.588 398.216 846.258 363.693 846.258 326.409ZM742.749 326.409C742.749 296.858 755.722 276.973 778.632 276.973C801.818 276.973 814.791 296.858 814.791 326.409C814.791 355.684 801.818 375.845 778.632 375.845C755.722 375.845 742.749 355.684 742.749 326.409Z" :fill="colorComputed" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M963.668 366.455H962.84C956.216 385.512 940.206 398.216 919.228 398.216C881.689 398.216 861.263 365.074 861.263 326.409C861.263 287.744 882.517 254.602 919.228 254.602C940.206 254.602 956.216 267.031 962.84 286.087H963.668V204.89H993.203V395.454H963.668V366.455ZM928.889 276.973C905.979 276.973 893.006 296.858 893.006 326.409C893.006 355.684 905.979 375.845 928.889 375.845C952.075 375.845 964.772 355.684 964.772 326.409C964.772 296.858 952.075 276.973 928.889 276.973Z" :fill="colorComputed" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M1141.69 352.646H1111.61C1108.29 363.693 1100.57 375.845 1082.62 375.845C1061.65 375.845 1047.02 361.208 1045.64 336.075H1144.18C1148.32 288.02 1121.27 254.602 1080.14 254.602C1039.01 254.602 1015.55 288.296 1015.55 326.409C1015.55 364.522 1039.56 398.216 1080.69 398.216C1114.37 398.216 1135.9 379.988 1141.69 352.646ZM1080.14 276.973C1100.29 276.973 1112.16 291.334 1114.09 313.705H1045.91C1047.85 291.334 1059.99 276.973 1080.14 276.973Z" :fill="colorComputed" />
    <path d="M1260.65 285.811C1296.53 294.096 1314.47 312.876 1314.47 342.98C1314.47 374.741 1283.56 398.216 1239.39 398.216C1188.88 398.216 1161.55 362.865 1158.52 328.342H1190.81C1192.74 353.199 1212.89 372.531 1239.67 372.531C1263.96 372.531 1281.9 362.036 1281.9 344.361C1281.9 328.895 1270.31 320.609 1245.74 314.81L1218.14 308.457C1180.87 299.62 1162.38 282.22 1162.38 255.707C1162.38 223.67 1193.85 202.128 1232.21 202.128C1280.8 202.128 1305.64 228.642 1308.95 261.507H1276.66C1274.17 238.86 1255.12 227.813 1232.77 227.813C1210.96 227.813 1195.23 237.203 1195.23 253.498C1195.23 266.478 1204.89 272.554 1233.04 279.182L1260.65 285.811Z" :fill="colorComputed" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M1430.57 366.455H1431.4V395.454H1460.94V257.364H1431.4V286.087H1430.57C1423.95 267.031 1407.94 254.602 1386.96 254.602C1350.25 254.602 1329 287.744 1329 326.409C1329 365.074 1349.42 398.216 1386.96 398.216C1407.94 398.216 1423.95 385.512 1430.57 366.455ZM1360.74 326.409C1360.74 296.858 1373.99 276.973 1396.35 276.973C1418.7 276.973 1432.51 296.858 1432.51 326.409C1432.51 355.684 1418.7 375.845 1396.35 375.845C1374.26 375.845 1360.74 355.684 1360.74 326.409Z" :fill="colorComputed" />
    <path d="M1521.1 312.6V395.454H1491.01V257.364H1520.27V284.43H1520.82C1526.62 265.097 1540.97 254.602 1561.12 254.602C1591.49 254.602 1606.39 275.316 1606.39 305.696V395.454H1576.3V314.533C1576.3 288.849 1567.2 277.249 1548.7 277.249C1530.21 277.249 1521.1 289.953 1521.1 312.6Z" :fill="colorComputed" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M1729.46 366.455H1730.29V395.454H1759.82V204.89H1730.29V286.087H1729.46C1722.83 267.031 1706.82 254.602 1685.85 254.602C1649.13 254.602 1627.88 287.744 1627.88 326.409C1627.88 365.074 1648.31 398.216 1685.85 398.216C1706.82 398.216 1722.83 385.512 1729.46 366.455ZM1659.62 326.409C1659.62 296.858 1672.6 276.973 1695.51 276.973C1718.69 276.973 1731.39 296.858 1731.39 326.409C1731.39 355.684 1718.69 375.845 1695.51 375.845C1672.6 375.845 1659.62 355.684 1659.62 326.409Z" :fill="colorComputed" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M1863.87 254.602C1900.58 254.602 1921.84 287.744 1921.84 326.409C1921.84 365.074 1901.41 398.216 1863.87 398.216C1842.89 398.216 1826.88 385.512 1820.26 366.455H1819.43V395.454H1789.9V204.89H1819.43V286.087H1820.26C1826.88 267.031 1842.89 254.602 1863.87 254.602ZM1854.21 276.973C1831.02 276.973 1818.33 296.858 1818.33 326.409C1818.33 355.684 1831.02 375.845 1854.21 375.845C1877.12 375.845 1890.09 355.684 1890.09 326.409C1890.09 296.858 1877.12 276.973 1854.21 276.973Z" :fill="colorComputed" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M2072.25 326.409C2072.25 289.125 2046.58 254.602 2004.63 254.602C1962.67 254.602 1937 289.125 1937 326.409C1937 363.693 1962.67 398.216 2004.63 398.216C2046.58 398.216 2072.25 363.693 2072.25 326.409ZM1968.74 326.409C1968.74 296.858 1981.72 276.973 2004.63 276.973C2027.81 276.973 2040.79 296.858 2040.79 326.409C2040.79 355.684 2027.81 375.845 2004.63 375.845C1981.72 375.845 1968.74 355.684 1968.74 326.409Z" :fill="colorComputed" />
    <path d="M2139.61 341.875L2102.9 395.454H2068.95L2121.95 321.162L2075.85 257.364H2109.8L2139.61 300.448L2169.42 257.364H2203.1L2157.28 320.886L2210 395.454H2176.32L2139.61 341.875Z" :fill="colorComputed" />
  </svg>
</template>

<script lang="ts" setup>
import { useSponsorIcon } from "./composables";

const props = defineProps({
  color: {
    type: String,
    default: '#474198',
  },
})

const {viewBox, colorComputed} = useSponsorIcon(props.color, 2355, 600)
</script>
